<template>
	<div class="headersearch">
		<input type="search" placeholder="请输入搜索书名的关键字" required />
		<input type="button" value="搜索" @click="search()" />
	</div>
</template>

<script>
	export default {
		
	}
</script>

<style scoped>
	.headersearch {
		display: flex;
		width: 33%;
	}

	.headersearch input[type='search'] {
		text-indent: 0.5em;
		outline: none;
		width: 75%;
		height: 40px;
		border-radius: 6px;
	}

	.headersearch input[type='button'] {
		border: none;
		width: 100px;
		height: 40px;
		color: white;
		border-radius: 6px;
		background-color: #1e9Bff;
	}
</style>